<!--顶部组件-->
<template>
    <div class="topNav">
        <div class="topLeft">
        <svg class="iconpark-icon">
            <use href="#application-menu">
            </use>
        </svg>    
        </div>
        
        <div class="topContent">
            <span>我的</span>
            <span class="active">发现</span>
        </div>
        <div class="topRight">
          <svg class="iconpark-icon">
            <use href="#find"></use>
        </svg>  
        </div>
        
    </div>

</template>


<style lang="less" scoped> 
.topNav{
        width: 100%;
        height: 1rem;
        padding: .2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
       
    } 
    
.topContent{
            width: 65%;
            height: 100%;
            display: flex;
            justify-content: space-around;
             align-items: center;
             font-size: .4rem;
        }
        .active{
            font-weight: 900;
        }
</style>